<template>
<div :title="title">
 <el-button :="$attrs"></el-button>

</div>
</template>

<script setup lang="ts">
//引入useAttrs方法:获取组件标签身上属性与事件
import {useAttrs} from 'vue';
// console.log(useAttrs)//返回的是一个函数

// 此方法执行会返回一个对象 
let $attrs=useAttrs()
console.log($attrs)//返回的是一个对象

// 接受父组件传递过来的数据 
// defineProps(['type','size','icon'])
let props=defineProps(['title'])
console.log(props)
// props和useAttrs方法都可以获取到父组件传递过来的属性与属性值
// 但是props接受了useAttrs方法就获取不到了
</script>

<style scoped>
</style>